<!-- <div class="item" ng-show="Connected">
    <span ng-if="-2==state">暂未配置分机</span>
    <span ng-if="-1==state" > 话机无法连接 </span>
    <span ng-if="-1==state"  ng-click="connect()">重新连接</span>
    <span ng-if="1==state" >拨号中 -{{area}}- {{phone}}</span>
    <span ng-if="2==state" >通话中&nbsp;{{ctime}}&nbsp;&nbsp;秒 <a class="item" href='javascript:;' ng-click="hangup()"><i class="remove icon">挂断</i></a></span>
    <span ng-if="3==state" >来电 -{{area}}- {{phone}}</span>
    <span ng-if="0==state" > 分机 {{ext}} 空闲 {{states}}</span>
    <a class="item" id="callctl-dropdown" ><i class="dropdown icon"></i></a>
    <div class="ui flowing popup bottom center transition hidden">
        <div class="ui card">
            <div class="ui row">
                <div class="ui icon input">
                  <input type="text" placeholder="输入电话号码" ng-model="phone">
                  <i class="blue circular call link icon" ng-click="dail()"></i>
                </div>
            </div>
            <div class="ui list">
                <div class="item" ng-repeat="vcall in calls">
                    <div class="content">
                        {{vcall.begintime|limitTo:8:15}} - 打出 - {{vcall.telephone}} - {{vcall.calltime}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>  -->

<!--
    <div class="ui list">
        <div class="item" ng-repeat="vcall in calls">
            <div class="content">
                {{vcall.begintime|limitTo:8:15}} - 打出 - {{vcall.telephone}} - {{vcall.calltime}}
            </div>
        </div>
    </div>
-->

<div class="ui item" ng-show="Connected" id="phone_status_bar">
    <div class="phone_state" ng-if="-2==state">
        <i class="phone icon"></i>
        暂未配置分机
        <i class="chevron down icon" ></i>
    </div>
    <div class="phone_state" ng-if="-1==state">
        话机无法连接 <a href="javascript:;" ng-click="connect()">重新连接</a>
        <i class="chevron down icon"  ></i>
    </div>
    <div class="phone_state" ng-if="0==state">
        分机 {{ext}} 空闲 {{states}}
        <i class="chevron down icon" ></i>
    </div>
    <div class="phone_state" ng-if="1==state">
        拨号中 -{{area}}- {{phone}}
        <i class="chevron down icon" ></i>
    </div>
    <div class="phone_state" ng-if="2==state">
        通话中&nbsp;{{ctime}}&nbsp;&nbsp;秒
            <i class="chevron down icon"  ></i>
    </div>
    <div class="phone_state" ng-if="3==state">
        来电 -{{area}}- {{phone}}<i class="chevron down icon"></i>
    </div>
</div>
<div class="ui flowing popup bottom center transition hidden" tabindex="-1" >
        <div class="item phone_item" style=" background: #f2f2f2;">
            <div class=" phone_list_cont">
                <h3 ng-if="1==state">拨号中 {{phone}}</h3>
                <h3 ng-if="2==state">通话中 {{phone}}</h3>
                <h3 ng-if="3==state">来电信息 {{phone}}</h3>
                <p ng-if="area" >归属地：{{area}}</p>
                <p ng-if="ctime" >通话计时&nbsp;<b>{{ctime}}</b>&nbsp;&nbsp;秒 </p>
                <div class="ui row">
                    <div class="ui right labeled icon input">
                         <div class="ui label">电话号码</div>
                        <input type="text" placeholder="输入电话号码" ng-model="phone"></p>
                        <i class="inverted circular call link icon" ng-click="dail()" ng-if="0==state"></i>
                    </div>
                </div>
                <ul ng-if="user">
                    <li>客户姓名：{{user.nickname}}</li>
                    <li>性别：{{user.sex}}</li>
                    <li>服务人员：{{user.service}}</li>
                    <li>资金量：{{user.mount}}W</li>
                    <li>职业：{{user.career}}</li>
                    <li>学位：{{user.education}}</li>
                    <li>年龄：{{user.year}}</li>
                    <li>渠道：{{user.source}}</li>
                    <li class="li_beihzu">备注信息：{{user.note}}</li>
                </ul>
                <ol ng-if="1==state || 2==state">
                    <li ng-click="hangup()"><i class="remove icon"></i><p>挂断</p></li>
                </ol>
                <ol ng-if="3==state">
                    <li ng-click="pickup()"><i class="large call icon"></i><p>接听</p></li>
                    <li ng-click="transfer()"><i class="large mail forward icon"></i><p>转接</p></li>
                    <li ng-click="hangup()"><i class="remove icon"></i><p>挂断</p></li>
                </ol>
            </div>
        </div>
    </div>